<div class="hide two-pane-settings-right-simplebar-container" id="stream-creation" tabindex="-1" role="dialog"
  aria-label="{{t 'Channel creation' }}">
    <form id="stream_creation_form">
        <div class="two-pane-settings-creation-simplebar-container" data-simplebar data-simplebar-tab-index="-1">
            <div class="alert stream_create_info"></div>
            <div id="stream_creating_indicator"></div>
            <div class="stream-creation-body">
                <div class="configure_channel_settings stream_creation_container">
                    <section id="create_stream_title_container">
                        <label for="create_stream_name">
                            {{t "Channel name" }}
                        </label>
                        <input type="text" name="stream_name" id="create_stream_name" class="settings_text_input"
                          placeholder="{{t 'Channel name' }}" value="" autocomplete="off" maxlength="{{ max_stream_name_length }}" />
                        <div id="stream_name_error" class="stream_creation_error"></div>
                    </section>
                    <section id="create_stream_description_container">
                        <label for="create_stream_description" class="settings-field-label">
                            {{t "Channel description" }}
                            {{> ../help_link_widget link="/help/change-the-channel-description" }}
                        </label>
                        <input type="text" name="stream_description" id="create_stream_description" class="settings_text_input"
                          placeholder="{{t 'Channel description' }}" value="" autocomplete="off" maxlength="{{ max_stream_description_length }}" />
                    </section>
                    <section id="make-invite-only">
                        <div class="new-stream-configuration">
                            {{> new_stream_configuration .
                              prefix="id_new_"
                              channel_folder_widget_name="new_channel_folder_id"}}
                        </div>
                    </section>
                </div>
                <div class="subscribers_container stream_creation_container">
                    <section class="stream_create_add_subscriber_container">
                        <h4 class="stream_setting_subsection_title">
                            <label class="choose-subscribers-label">{{t "Choose subscribers" }}</label>
                        </h4>
                        <div id="stream_subscription_error" class="stream_creation_error"></div>
                        <div class="controls" id="people_to_add"></div>
                    </section>
                </div>
            </div>
        </div>
        <div class="settings-sticky-footer">
            <div class="settings-sticky-footer-left">
                {{> ../components/action_button
                  label=(t "Back to settings")
                  custom_classes="hide"
                  id="stream_creation_go_to_configure_channel_settings"
                  attention="quiet"
                  intent="brand"
                  }}
            </div>
            <div class="settings-sticky-footer-right">
                {{> ../components/action_button
                  label=(t "Cancel")
                  custom_classes="create_stream_cancel inline-block"
                  attention="quiet"
                  intent="neutral"
                  }}
                {{> ../components/action_button
                  label=(t "Create")
                  custom_classes="finalize_create_stream hide"
                  attention="quiet"
                  intent="brand"
                  type="submit"
                  }}
                {{> ../components/action_button
                  label=(t "Continue to add subscribers")
                  custom_classes="inline-block"
                  id="stream_creation_go_to_subscribers"
                  attention="quiet"
                  intent="brand"
                  }}
            </div>
        </div>
    </form>
</div>
